<template>
  <div class="crumb">
    <span v-for="(item,index) in navs" :key="index">
            <span :class="{fontweight:index ==0}" >{{item.name}}</span>
            <i v-show="index!=navs.length-1">/</i>
        </span>
  </div>
</template>

<script>
export default {
   props:['navs']
}
</script>

<style lang="less" scoped>
.crumb{
    margin-bottom: 15px;
    .fontweight{
        font-weight: 700;
    }
}
</style>